<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
    <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %> 
    <%@ taglib prefix="tiles" uri="http://tiles.apache.org/tags-tiles" %>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript" src="${initParam.root }js/jquery-1.9.1.js"></script>
<script type="text/javascript" src="${initParam.root }js/jquery-ui-1.10.3.custom.js"></script>
<script type="text/javascript" src="${initParam.root }js/jquery.cycle.lite.js"></script>
<link rel="stylesheet" href="${initParam.root }css/blitzer/jquery-ui-1.10.3.custom.css">
<link rel="stylesheet" type="text/css" href="${initParam.root }css/index.css" />
<link rel="stylesheet" type="text/css" href="${initParam.root }css/button.css" />
<link rel="stylesheet" type="text/css" href="${initParam.root }css/table.css" />
<link rel="stylesheet" type="text/css" href="${initParam.root }css/font.css" />
<script type="text/javascript">
	$(function(){
		$("#menu_left").menu();
	});
	$(document).ready(function() {
		$('#gallery').cycle();
	});
</script>
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/jquery-migrate-1.1.0.js"></script>
<%-- <link rel="stylesheet" type="text/css"  href='<tiles:getAsString name="css"/>' > --%>
<!--  <style>
	#container{
		width: 100%;
		border: 1px solid black; 
		margin-left: auto; 
		margin-right: auto; /* 좌우 여백 동일하게 하여 중앙 정렬 효과  */
	}
	#header{
		padding: 5px; /* 내용과 테두리 사이 간격 할당 */
		border-bottom: 1px solid black; 
	}
	#left{
		padding: 5px;
		height: 550px;
		width:25%;
		float: left; /* 엘리먼트 부유 위치를 left로 지정해 
		             left와 main이 수평으로 배치되게 한다  */		             
	}
	#main{
		padding: 5px;
		height:550px;
		float: left;
		border-left: 1px solid black;
	}
	#footer{
		text-align:center;
		padding: 5px;
		border-top: 1px solid black;
		height: 70px;
		clear: both; /* float을 사용한 요소의 아래에 위치시키지 위해 float 속성 초기화시킴 */
	}
</style>  -->
</head>
<body>
<div id="container">
<div id="header"><tiles:insertAttribute name="header" /></div>
<div id="left"><tiles:insertAttribute name="left" /></div>
<div id="main"><tiles:insertAttribute name="main" /></div>
<div id="footer"><tiles:insertAttribute name="footer" /></div>
</div>
</body>
</html>



